import React from 'react';
import { Link } from 'react-router-dom';
class InputMobile extends React.Component {
    constructor(props) {
        super(props);
        this.state={data:this.props.text};
    }
    componentDidMount() {
         this.refs.text.value=this.state.data
    }
    render(){
        return(
            <ul className="underline">
                    <div className="item flex addr-item">
                        <div className="xl text"  >{this.props.name}</div>
                        <input type="text" value={this.state.data}  name={this.props.tip} onChange={this.props.changeValue}   className="cell-main l" placeholder={this.props.place} />
                    </div>
                </ul>
        )
    }
}
export default InputMobile;